@charset "utf8";
main{
	width: 100%;
	height: 5158px;
	background: #ffffff;
}
/* 大背景 */
main div#set{
	position: relative;
	width: 1105px;
	height: 92px;
	background: #ffffff;
	margin: 0 auto;
	position: sticky;
}
.sticky{
	margin: 0 auto;
	position: fixed;
	top: 0;
	width: 1105px;
	z-index: 10;
	}
/* 两个logo区域样式 */
main div#set div.logo{
	font-size: 0;
	float: left;
	position: relative;
}
/* 小米logo */
main div#set div.logo img.first_logo{
	margin-top: 20px;
}
/* 足球logo */
main div#set div.logo img.tow_logo{
	position: relative;
	top: 7px;
}
/* 导航栏区域背景 */
main div#set div.navbar{
	position: relative;
	top: 25px;
	width: 460px;
	height: 50px;
	background: #ffffff;
	float: left;
}
/* 导航栏区域文字 */
main div#set div.navbar a{
	line-height: 43px;
	border-right: 2px transparent ;
	padding: 0 4px;
	color: #333333;
	float: left;
}
/* 悬停变色 */
main div#set div.navbar a:hover{
	color: #ffa200;
}

/* 搜索框部分 */
main div#set div.search ul{
	height: 47px;
	margin-top: 25px;
	width: 268px;
	background-color: #fff;
	padding: 3px 8px;
	margin-right: 5px;
	float: right;
	 border: 1px solid #ccc;
	
}
/* 小米手机4c */
main div#set div.search ul li div.search_first{
	background-color: #eeeeee;
	padding: 3px 5px;
	float: right;
	margin: 13px 125px -34px 0px;
	color: #757575;
	font-size: 12px;
	}
/* 平衡车 */
main div#set div.search ul li div.search_second{
	background-color: #eeeeee;
	padding: 3px 5px;
	float: right;
	color: #757575;
	margin: 12px 70px -34px 0px;
	font-size: 12px;
}
/* 搜索图标 */
main div#set div.search img{
	float: right;
	margin: 15px 12px -34px 0px;
}
main div#set div.search ul li div.box{
	border-left: 1px solid #ccc;
	width: 54px;
	height: 52.5px;
	float: right;
	margin: -4px -9px -34px 0px;
}
/* 标签变色 */
main div#set div.search ul li div.search_first:hover{
	background-color: #ff6700;
	color: #fff;
	}
main div#set div.search ul li div.search_second:hover{
	background-color: #ff6700;
	color: #fff;
	}
/* ------------------------------------------------------ */
/* 轮播图大整体区域 */
main div#sidebar-all{
	width: 1105px;
	height: 415px;
	background-color: #ffffff;
	margin: 0 auto;
}
/* 左栏整体区域 */
main div#sidebar-all div.carousel-sidebar{
	width: 214px;
	height: 415px;
	background-color: #8c8c8c;
	float: left;
}
main div#sidebar-all div.carousel-sidebar ul.sideber li{
	height: 11px;
	background: #8c8c8c;
	
	text-align: left;
	line-height: 20px;
	padding: 15px 15px;
}
main div#sidebar-all div.carousel-sidebar ul.sideber li a{
	color: white;
}
main div#sidebar-all div.carousel-sidebar ul.sideber li::after{
	content: ">";
	position: absolute;
	left: 400px;
	color: #fff;
}
main div#sidebar-all div.carousel-sidebar ul.sideber li:hover{
	background: #ff6700;
}
/* 轮播图 */
main figure{
	width: 891px;
	float: right;
}
main figure div ul li img{
	width: 890px;
	height: 415px;
}
/* ---------------------------------------------- */
/* 四个图片大背景 */
main div#picture{
	width: 1105px;
	height: 170px;
	background-color: #ffffff;
	margin: 0 auto;
	margin-top: 15px;
}
/* 第一个图 */
main div#picture img.block-1{
	width: 214px;
	height: 170px;
	margin-right: 6px;
}
main div#picture img.block-1:hover{
	box-shadow: 0 0 10px 5px rgba(171, 171, 171, 0.5);
}
/* 第二个图 */
main div#picture img.block-2{
	width: 286px;
	height: 170px;
	margin-right: 7px;
}
main div#picture img.block-2:hover{
	box-shadow: 0 0 10px 5px rgba(171, 171, 171, 0.5);
}
/* 第三个图 */
main div#picture img.block-3{
    width: 286px;
    height: 170px;
}
main div#picture img.block-3:hover{
	box-shadow: 0 0 10px 5px rgba(171, 171, 171, 0.5);
}
/* 第四个图 */
main div#picture img.block-4{
	float: right;
    width: 286px;
    height: 170px;
}
main div#picture img.block-4:hover{
	box-shadow: 0 0 10px 5px rgba(171, 171, 171, 0.5);
}
/* -----------小米明星单品---------------------------------------- */
/* 小米明星单品上方区域 */
main div#product_top{
	width: 1104px;
	height: 87px;
	margin: 0 auto;
}
main div#product_top div#wen-zi{
	width: 1104px;
	height: 27px;
	margin: 0 auto;
	float: left;
	margin-top: 30px;
}
main div#product_top div#wen-zi h2{
	font-size: 24px;
	color: #333333;
}
main div#product_top div#wen-zi button{
	float: right;
	height: 27px;
	width: 36px;
	margin-top: -26px;
}
/* 明星单品整体区域 */
main div#card_box{
	width: 1105px;
	height: 308px;
	margin: 0 auto;
}
/* 第一个区 */
main div#card_box div.box-left{
	width: 212px;
	height: 308px;
	background-color: #fafafa;
}
/* 后四个区 */
main div#card_box div.box-right{
	width: 895px;
	height: 308px;
	float: right;
	margin-top: -308px;
}
main div#card_box div.box-right ul{
	width: 212px;
	height: 306px;
	float: left;
	margin-left: 11px;
	background-color: #fafafa;
	position: relative;
	left: 3px;
}
main div#card_box img{
	margin-left: 50px;
	margin-top: 30px;
}
main div#card_box h1{
	text-align: center;
	font-size: 14px;
	color: #333333;
	margin-top: 30px;
}
main div#card_box h2{
	text-align: center;
	font-size: 14px;
	color: #B0B0B6;
	margin-top: 10px;
}
main div#card_box h3{
	text-align: center;
	font-size: 12px;
	color: #ff6709;
	margin-top: 15px;
}
/* 悬停效果 */
main div#card_box div.box-left:hover{
	margin-top: 0px;
	    box-shadow: 0 0 10px 10px rgb(224, 224, 224);
	    transform: translateY(-3px); /* 向上浮动10px */
	    transition: transform 0.8s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
main div#card_box div.box-right ul:hover{
	margin-top: 0px;
	    box-shadow: 0 0 10px 10px rgb(224, 224, 224);
	    transform: translateY(-3px); /* 向上浮动10px */
	    transition: transform 0.8s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
/* -----灰色区域全部背景----------------------------------------------- */
main div#smart_bg{
	margin-top: 38px;
	width: 100%;
	height: 4034px;
	background-color: #f5f5f5;
}
/* 智能硬件上方全部区域 */
main div#smart_bg div#hardware-top{
	width: 1105px;
	height: 118px;
	margin: 0 auto;
	margin-top: 41px;
}
/* 智能硬件上方区域左侧文字 */
main div#smart_bg div#hardware-top h2{
	margin-top: 50px;
	float: left;
	font-size: 24px;
	color: #000;
}
/* 智能硬件上方区域右侧文字 */
main div#smart_bg div#hardware-top h3{
	position: relative;
	line-height: 118px;
	right: 50px;
	float: right;
	font-size: 20px;
	color: #000;
}
/* 智能硬件上方区域右侧图标 */
main div#smart_bg div#hardware-top img{
	position: relative;
	float: right;
	right: -60px;
	top: 50px;
}
/* 智能硬件整体区域 */
main div#smart_bg div.hardware{
	width: 1105px;
	height: 553px;
	margin: 0 auto;
}
/* --智能硬件大图-- */
main div#smart_bg div.hardware div.big-img{
	width: 210px;
	height: 553px;
	background-color: #ff5500;
	position: relative;
	right: 0px;
	background: url(../img/haraware_kid.png);
	text-align: center;
}
/* 大图悬停 */
main div#smart_bg div.hardware div.big-img:hover{
	margin-top: 0px;
		    box-shadow: 0 0 10px 10px rgb(224, 224, 224);
		    transform: translateY(-3px); /* 向上浮动10px */
		    transition: transform 0.8s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}

main div#smart_bg div.hardware div.big-img ul li.big-img-1{
	position: relative;
	top: 30px;
}
main div#smart_bg div.hardware div.big-img ul li.big-img-2{
	position: relative;
	top: 40px;
}
main div#smart_bg div.hardware div.big-img ul li.big-img-3{
	position: relative;
	top: 50px;
}
/* --智能硬件4个图-1整体区域-- */
main div#smart_bg div.hardware div.whole-1{
	width: 895px;
	height: 272px;
	float: right;
	position: relative;
	top: -553px;
	text-align: center;
}

/* --智能硬件4个图-2整体区域-- */
main div#smart_bg div.hardware div.whole-2{
	width: 895px;
	height: 272px;
	float: right;
	position: relative;
	top: -544px;
	text-align: center;
	
}
/* 智能硬件4个图-2整体区域第一个表 */
main div#smart_bg div.hardware div.whole-1 ul{
	width: 213px;
	height: 272px;
	background-color: #ffffff;
	float: left;
	margin-left: 10px;
	position: relative;
	left: 3px;
}
main div#smart_bg div.whole-1 ul:hover{
	margin-top: 0px;
	    box-shadow: 0 0 10px 10px rgb(224, 224, 224);
	    transform: translateY(-3px); /* 向上浮动10px */
	    transition: transform 0.8s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}

/* 智能硬件4个图-2整体区域第二个表 */
main div#smart_bg div.hardware div.whole-2 ul{
	width: 213px;
	height: 272px;
	background-color: #ffffff;
	float: left;
	margin-right: 10px;
	position: relative;
	left: 13px;
}
main div#smart_bg div.whole-2 ul:hover{
	margin-top: 0px;
	    box-shadow: 0 0 10px 10px rgb(224, 224, 224);
	    transform: translateY(-3px); /* 向上浮动10px */
	    transition: transform 0.8s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
main div#smart_bg div.hardware h3{
	font-size: 14px;
	color: #333333;
}
main div#smart_bg div.hardware p{
	font-size: 12px;
	margin-top: 10px;
	color: #B0B0B6;
}
main div#smart_bg div.hardware span{
	font-size: 12px;
	color: #ff6709;
	position: relative;
	top: 12px;
}
/* -----搭配--------------------------------------------- */
/* 搭配上方整体区域 */
main div#smart_bg div#match_top{
	width: 1105px;
	height: 84px;
	margin: 0 auto;
}
main div#smart_bg div#match_top h2{
	position: relative;
	top: 28px;
}
main div#smart_bg div#match_top ul.match_text {
	float: right;
	position: relative;
	top: -510px;
}
main div#smart_bg div#match_top ul.match_text li{
	float: left;
	margin-left: 30px;
	padding-bottom: 2px;
	font-size: 18px;
	color: #333;
}
main div#smart_bg div#match_top ul.match_text li:hover{
	border-bottom: 2px #ff3700 solid;
	cursor: pointer;
	color: #ff3700;
}
/* 搭配整体区域 */
/* 第一排 */
main div#smart_bg div#match{
	width: 1105px;
	height: 610px;
	margin: 0 auto;
}
main div#smart_bg div#match div.match_first{
	width: 1105px;
	height: 50%;
	margin: auto;
	text-align: center;
}
main div#smart_bg div#match div.match_first dl.match_card{
	float: left;
	position: relative;
	top: -460px;
	background-color: #fff;
	width: 200px;
	height: 300px;
	margin-right: 26px;
}
main div#smart_bg div#match div.match_first dl.no_flot{
	margin-right: 0;
}
/* 放图片 */
main div#smart_bg div#match div.match_first dl.match_card dt.card_all{
	width: 200px;
	height: 300px;
	margin-right: 26px;
}
main div#smart_bg div#match div.match_first dl.match_card dt.card1{
	background: url(../img/dapei_icon01.png) no-repeat;
}
main div#smart_bg div#match div.match_first dl.match_card dt.card2{
	background: url(../img/dapei_icon03.png) no-repeat center 46px;;
}
main div#smart_bg div#match div.match_first dl.match_card dt.card3{
	background: url(../img/dapei_icon04.png) no-repeat center 46px;;
}
main div#smart_bg div#match div.match_first dl.match_card dt.card4{
	background: url(../img/dapei_icon05.png) no-repeat center 100px;
}
main div#smart_bg div#match div.match_first dl.match_card dt.card5{
	background: url(../img/dapei_icon06.png) no-repeat center 46px;
}
main div#smart_bg div#match div.match_first dl.bug{
	position: relative;
	top: -486px;
}
main div#smart_bg div#match div.match_first dl.match_card dt.card5{
	margin-right: 0;
}
/* 文字统一设置 */
main div#smart_bg div#match div.match_first dl.match_card dd{
	position: relative;
	top: -100px;
}
main div#smart_bg div#match div.match_first dl.match_card dd.match_card_title{
	color: #333333;
}
main div#smart_bg div#match div.match_first dl.match_card dd.match_card_content{
	font-size: 12px;
	line-height: 32px;
	color: #B0B0B6;
}
main div#smart_bg div#match div.match_first dl.match_card dd.match_card_price{
	font-size: 12px;
	color: #ff6700;
	line-height: 32px;
}
/* 卡片浮动效果 */
main div#smart_bg div#match div.match_first dl:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 10px rgb(233, 233, 233);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
	width: 200px;
	height: 300px;
}
/* 第二排 */
main div#smart_bg div#match div.match_second{
	width: 1105px;
	height: 50%;
	margin: auto;
	text-align: center;
	margin-top: 10px;
}
main div#smart_bg div#match div.match_second dl.match_card{
	float: left;
	position: relative;
	top: -476px;
	background-color: #fff;
	width: 200px;
	height: 300px;
	margin-right: 26px;
}
main div#smart_bg div#match div.match_second dl.no_flot{
	margin-right: 0;
}
/* 放图片 */
main div#smart_bg div#match div.match_second dl.match_card dt.card_all{
	width: 200px;
	height: 300px;
	margin-right: 26px;
}
main div#smart_bg div#match div.match_second dl.match_card dt.other{
	width: 200px;
	height: 150px;
	margin-right: 26px;
}
main div#smart_bg div#match div.match_second dl.match_card dt.card1{
	background: url(../img/dapei_icon02.png) no-repeat;
}
main div#smart_bg div#match div.match_second dl.match_card dt.card2{
	background: url(../img/dapei_icon07.png) no-repeat center 46px;;
}
main div#smart_bg div#match div.match_second dl.match_card dt.card3{
	background: url(../img/dapei_icon08.png) no-repeat center 46px;;
}
main div#smart_bg div#match div.match_second dl.match_card dt.card4{
	background: url(../img/dapei_icon09.png) no-repeat center 58px;
}
main div#smart_bg div#match div.match_second dl.match_card dt.card5{
	background: url(../img/content-top_icon01.png) no-repeat;
}
main div#smart_bg div#match div.match_second dl.match_card dt.card6{
	background: url(../img/content-top_icon02.png) no-repeat;
}
/* 文字统一设置 */
main div#smart_bg div#match div.match_second dl.match_card dd{
	position: relative;
	top: -100px;
}
main div#smart_bg div#match div.match_second dl.match_card dd.match_card_title{
	color: #333333;
}
main div#smart_bg div#match div.match_second dl.match_card dd.match_card_content{
	font-size: 12px;
	line-height: 32px;
	color: #B0B0B6;
}
main div#smart_bg div#match div.match_second dl.match_card dd.match_card_price{
	font-size: 12px;
	color: #ff6700;
	line-height: 32px;
}
/* 卡片浮动效果 */
main div#smart_bg div#match div.match_second dl:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 10px rgb(233, 233, 233);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
	width: 200px;
	height: 300px;
}
/* --周边----------------------------------- */
/* 周边上方整体区域 */
main div#smart_bg div#vicinity_top{
	width: 1105px;
	height: 84px;
	margin: 0 auto;
}
main div#smart_bg div#vicinity_top h2{
	position: relative;
	top: -450px;
}
main div#smart_bg div#vicinity_top ul.vicinity_right {
	float: right;
	position: relative;
	top: -480px;
}
main div#smart_bg div#vicinity_top ul.vicinity_right li{
	float: left;
	margin-left: 30px;
	padding-bottom: 2px;
	font-size: 18px;
	color: #333;
}
main div#smart_bg div#vicinity_top ul.vicinity_right li:hover{
	color: #ff6700;
	box-shadow: 0 2px 0 #ff6700; /* 用阴影模拟下边框 */
	cursor: pointer;
}
/* 周边整体区域 */
/* 第一排 */
main div#smart_bg div#vicinity{
	width: 1105px;
	height: 610px;
	margin: 0 auto;
}
main div#smart_bg div#vicinity div.vicinity_first{
	width: 1105px;
	height: 50%;
	margin: auto;
	text-align: center;
	position: absolute;
}
main div#smart_bg div#vicinity div.vicinity_first dl{
	width: 200px;
	height: 300px;
	float: left;
	margin-left: 26px;
}
main div#smart_bg div#vicinity div.vicinity_first dl dt{
	width: 200px;
	height: 300px;
}
/* 放图片 */
main div#smart_bg div#vicinity div.vicinity_first dl.card_1 dt{
	background: url(../img/peijian_icon01.png) no-repeat;
}
main div#smart_bg div#vicinity div.vicinity_first dl.card_2 dt{
	background: url(../img/peijian_icon03.png) center 36px no-repeat;
	background-color: #fff;
}
main div#smart_bg div#vicinity div.vicinity_first dl.card_3 dt{
	background: url(../img/peijian_icon04.png) center 36px no-repeat;
	background-color: #fff;
}
main div#smart_bg div#vicinity div.vicinity_first dl.card_4 dt{
	background: url(../img/peijian_icon05.png) center 36px no-repeat;
	background-color: #fff;
}
main div#smart_bg div#vicinity div.vicinity_first dl.card_5 dt{
	background: url(../img/peijian_icon06.png) center 36px no-repeat;
	background-color: #fff;
}
/* 文字统一设置 */
main div#smart_bg div#vicinity div.vicinity_first dl.card dd{
	position: relative;
	bottom: 100px;
}
main div#smart_bg div#vicinity div.vicinity_first dl.card dd.title{
	font-size: 14px;
	color: #333333;
}
main div#smart_bg div#vicinity div.vicinity_first dl.card dd.price{
	font-size: 12px;
	line-height: 32px;
	color: #ff6709;
}
main div#smart_bg div#vicinity div.vicinity_first dl.card dd.text{
	font-size: 12px;
	color: #b0b0b6;
	line-height: 32px;
}
/* 卡片浮动效果 */
main div#smart_bg div#vicinity div.vicinity_first dl:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 10px rgb(233, 233, 233);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
	width: 200px;
	height: 300px;
}
/* 第二排 */
main div#smart_bg div#vicinity div.vicinity_second{
	width: 1105px;
	height: 50%;
	margin: auto;
	text-align: center;
	position: absolute;
	top: 2932px;
}
main div#smart_bg div#vicinity div.vicinity_second dl{
	width: 200px;
	height: 300px;
	float: left;
	margin-left: 26px;
}
main div#smart_bg div#vicinity div.vicinity_second dl dt{
	width: 200px;
	height: 300px;
}
/* 放图片 */
main div#smart_bg div#vicinity div.vicinity_second dl.card_1 dt{
	background: url(../img/peijian_icon02.png) no-repeat;
}
main div#smart_bg div#vicinity div.vicinity_second dl.card_2 dt{
	background: url(../img/peijian_icon07.png) center 36px no-repeat;
	background-color: #fff;
}
main div#smart_bg div#vicinity div.vicinity_second dl.card_3 dt{
	background: url(../img/peijian_icon08.png) center 36px no-repeat;
	background-color: #fff;
}
main div#smart_bg div#vicinity div.vicinity_second dl.card_4 dt{
	background: url(../img/peijian_icon09.png) center 36px no-repeat;
	background-color: #fff;
}
main div#smart_bg div#vicinity div.vicinity_second dl.card_5 dt.p1{
	background: url(../img/peijian_icon10.png) no-repeat;
	background-color: #fff;
	height: 140px;
	margin-bottom: 20px;
}
main div#smart_bg div#vicinity div.vicinity_second dl.card_5 dt.p2{
	background: url(../img/content-top_icon02.png) no-repeat;
	background-color: #fff;
	height: 140px;
}
main div#smart_bg div#vicinity div.vicinity_second dl.card_5{
	background-color: #f5f5f5;
}
/* 文字统一设置 */
main div#smart_bg div#vicinity div.vicinity_second dl.card dd{
	position: relative;
	bottom: 100px;
}
main div#smart_bg div#vicinity div.vicinity_second dl.card dd.title{
	font-size: 14px;
	color: #333333;
}
main div#smart_bg div#vicinity div.vicinity_second dl.card dd.price{
	font-size: 12px;
	line-height: 32px;
	color: #ff6709;
}
main div#smart_bg div#vicinity div.vicinity_second dl.card dd.text{
	font-size: 12px;
	color: #b0b0b6;
	line-height: 32px;
}
/* 卡片浮动效果 */
main div#smart_bg div#vicinity div.vicinity_second dl:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 10px rgb(233, 233, 233);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
	width: 200px;
	height: 300px;
}
/* 配件上方区域 */
main div#smart_bg div#part-top{
	width: 1105px;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 19px;
	font-size: 24px;
	color: #333;
	margin-top: 40px;
}
/* 配件整体区域 */
main div#smart_bg div#part{
	width: 1105px;
	height: 552px;
	margin: 0 auto;
}
main div#smart_bg div#part-top ul.part_right{
	float: right;
}
main div#smart_bg div#part-top ul.part_right li{
	float: left;
	margin-right: 30px;
	padding-bottom: 2px;
	font-size: 18px;
	color: #333;
}
main div#smart_bg div#part-top ul.part_right li :hover{
	color: #ff6700;
		box-shadow: 0 2px 0 #ff6700; /* 用阴影模拟下边框 */
		cursor: pointer;
}
/* 配件左边俩图区域 */
main div#smart_bg div#part div.part-left{
	width: 212px;
	height: 552px;
}
/* 配件左边俩大图1 */
main div#smart_bg div#part div.part-left div.part-left-1{
	width: 212px;
	height: 272px;
	margin: 0 auto;
	background: url(../img/zhoubian_icon01.png);
}
main div#smart_bg div#part div.part-left div.part-left-2{
	width: 212px;
	height: 272px;
	margin: 8px auto;
	background: url(../img/zhoubian_icon02.png);
}
/* 配件整体第一行整体区域 */
main div#smart_bg div#part div.part-right-1{
	width: 893px;
	height: 272px;
	float: right;
	position: relative;
	top: -552px;
}
/* 阴影效果 */
main div#smart_bg div#part div.part-right-1 ul:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 10px rgb(233, 233, 233);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
	width: 213px;
	height: 272px;
}
/* 配件整体第二行整体区域 */
main div#smart_bg div#part div.part-right-2{
	width: 893px;
	height: 272px;
	float: right;
	position: relative;
	top: -544px;
}
/* 阴影效果 */
main div#smart_bg div#part div.part-right-2 ul:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 10px rgb(233, 233, 233);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
	width: 213px;
	height: 272px;
}
/* 配件整体第一行整体区域分区 */
main div#smart_bg div#part div.part-right-1 ul{
	width: 213px;
	height: 272px;
	background-color: #ffffff;
	float: left;
	margin-left: 10px;
}
/* 配件整体第二行整体区域分区 */
main div#smart_bg div#part div.part-right-2 ul{
	width: 213px;
	height: 272px;
	background-color: #ffffff;
	float: left;
	margin-left: 10px;
}
/* 配件图片 */
main div#smart_bg div#part div.part-right-1 ul li img{
	margin-left: 75px;
	margin-top: 40px;
}
main div#smart_bg div#part div.part-right-2 ul li img{
	margin-left: 75px;
	margin-top: 40px;
}
/* 配件h1 */
main div#smart_bg div#part h1{
	font-size: 14px;
	color: #333333;
	text-align: center;
	margin-top: 20px;
}
main div#smart_bg div#part div.part-right-1 ul li h1{
	margin-top: 20px;
}
/* 配件h2 */
main div#smart_bg div#part h2{
	font-size: 12px;
	color: #ff6709;
	text-align: center;
	margin-top: 5px;
}
/* 配件h3 */
main div#smart_bg div#part h3{
	font-size: 12px;
	color: #b0b0b6;
	text-align: center;
	margin-top: 5px;
}
/* ---热评产品------------------------------------ */
/* 热评产品上方区域 */
main div#smart_bg div.center_hot{
	width: 1105px;
	margin: 0 auto;
	font-size: 24px;
	color: #333;
}
main div#smart_bg div.center_hot div.title{
	font-size: 24px;
	color: #333333;
	margin: 40px 0 19px;
}
main div#smart_bg div.center_hot div.judge_box div.card_all{
	float: right;
	width: 268px;
	height: 377px;
}
main div#smart_bg div.center_hot div.judge_box{
	position: absolute;
}
main div#smart_bg div.center_hot div.judge_box div{
	width: 268px;
	height: 200px;
}
/* 放图片 */
main div#smart_bg div.center_hot div.judge_box div.hot_card1{
	background: #fff url(../img/hotproduct_icon01.png) no-repeat;
}
main div#smart_bg div.center_hot div.judge_box div.hot_card2{
	background: #fff url(../img/hotproduct_icon02.png) no-repeat;
}
main div#smart_bg div.center_hot div.judge_box div.hot_card3{
	background: #fff url(../img/hotproduct_icon03.png) no-repeat;
}
main div#smart_bg div.center_hot div.judge_box div.hot_card4{
	background: #fff url(../img/hotproduct_icon04.png) no-repeat;
}
main div#smart_bg div.center_hot div.judge_box div.card_all{
	height: 377px;
	width: 268px;
	
}
main div#smart_bg div.center_hot div.judge_box div.left{
	margin-left: 11px;
}
/* 卡片字体设置 */
main div#smart_bg div.center_hot div.judge_box div.card_all div.judge{
	width: 240px;
	margin-top: 34px;
	position: relative;
	top: 243px;
	margin: auto;
}
main div#smart_bg div.center_hot div.judge_box div.card_all div.judge p{
	margin-bottom: 2px;
	color: #000;
}
main div#smart_bg div.center_hot div.judge_box div.card_all div.judge p.other{
	margin-bottom: 2px;
	color: #000;
}
main div#smart_bg div.center_hot div.judge_box div.card_all div.judge h1{
	font-size: 12px;
	font-family: "宋体", sunself;
	color: #b0b0b0;
	display: block;
	margin-bottom: 15px;
	font-weight: normal;
}
main div#smart_bg div.center_hot div.judge_box div.card_all div.judge a{
	border-right: 1px solid #b0b0b0;
	padding-right: 10px;
	margin-right: 10px;
	color: #333;
}
main div#smart_bg div.center_hot div.judge_box div.card_all div.judge span{
	color: #ff3700;
}
/* 阴影效果 */
main div#smart_bg div.center_hot div.judge_box div.card_all:hover{
    margin-top: 0px;
    box-shadow: 0 0 10px 10px rgb(224, 224, 224);
    transform: translateY(-3px); /* 向上浮动10px */
    transition: transform 0.8s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
/* 内容----------------------------------------- */
/* 内容上方区域 */
main div#smart_bg div#context-top{
	width: 1105px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	top: 380px;
	margin-bottom: 19px;
	font-size: 24px;
	color: #333;
	margin-top: 40px;
}
/* 内容整体区域 */
main div#smart_bg div#context{
	width: 1105px;
	height: 384px;
	margin: 0 auto;
	background-color: paleturquoise;
	position: relative;
	top: 380px;
}
/* 第一个区整体区域 */
main div#smart_bg div#context div.context-left ul{
	width: 268px;
	height: 384px;
	background-color: white;
}
/* 后三个区整体区域 */
main div#smart_bg div#context div.context-right{
	width: 838px;
	height: 384px;
	background-color: #f5f5f5;
	float: right;
	margin-top: -386px;
	margin-left: 5px;
}
main div#smart_bg div#context div.context-right ul{
	width: 268px;
	height: 384px;
	float: left;
	margin-left: 11px;
	background-color: white;
}
main div#smart_bg div#context img{
	margin-left: 83px;
	margin-top: 25px;
}
main div#smart_bg div#context h1{
	font-size: 16px;
	text-align: center;
	margin-top: 40px;
}
main div#smart_bg div#context h2{
	font-size: 20px;
	color: #333333;
	text-align: center;
	margin-top: 25px;
}
main div#smart_bg div#context h3{
	font-size: 12px;
	color: #B0B0B0B0;
	text-align: center;
	margin-top: 10px;
}
main div#smart_bg div#context h4{
	font-size: 14px;
	color: #000000;
	text-align: center;
	margin-top: 15px;
}
main div#smart_bg div#context div ul:hover{
    margin-top: 0px;
    box-shadow: 0 0 10px 10px rgb(224, 224, 224);
    transform: translateY(-3px); /* 向上浮动10px */
    transition: transform 0.8s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
/* --视频-------------------------------------------------------- */
/* 视频上方区域 */
main div#smart_bg div#video-top{
	width: 1105px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	top: 400px;
	margin-bottom: 19px;
	font-size: 24px;
	color: #333;
	margin-top: 40px;
}
main div#smart_bg div#video-top ul li{
	float: right;
	position: relative;
	bottom: 30px;
	font-size: 18px;
	margin-right: 10px;
	color: #333;
}
/* 视频整体区域 */
main div#smart_bg div#video{
	width: 1105px;
	height: 263px;
	margin: 0 auto;
	position: relative;
	top: 400px;
}
/* 第一个区 */
main div#smart_bg div#video div.video-left ul{
	width: 268px;
	height: 263px;
	background-color: white;
}
/* 后三个区 */
main div#smart_bg div#video div.video-right{
	width: 837px;
	height: 263px;
	float: right;
	margin-top: -263px;
	margin-left: 5px;
}
/* 后三个分区大小 */
main div#smart_bg div#video div.video-right ul{
	width: 268px;
	height: 263px;
	float: left;
	margin-left: 11px;
	background-color: #fff;
}
main div#smart_bg div#video ul li img{
	position: relative;
	top: -40px;
	left: 20px;
}
main div#smart_bg div#video h1{
	font-size: 14px;
	color: #333333;
	text-align: center;
	margin-top: -5px;
}
main div#smart_bg div#video h2{
	font-size: 12px;
	color: #B0B0B0;
	text-align: center;
	margin-top: 10px;
}
/* 阴影 */
main div#smart_bg div#video div ul:hover{
    margin-top: 0px;
    box-shadow: 0 0 10px 10px rgb(224, 224, 224);
    transform: translateY(-3px); /* 向上浮动10px */
    transition: transform 0.8s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}


